<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="java.util.List"%>
<%@page import="com.google.code.facebookapi.schema.User"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="stilovi/stilovi2.css" rel="stylesheet">
<title>Friends</title>
</head>
<body>
<%
	request.setCharacterEncoding("UTF-8");
	response.setContentType("text/html; charset=UTF-8");
	List<User> users = (List<User>) request.getSession().getAttribute("users");
%>
	<div id="bodydiv">
	<div id="container">
		<div id="header">
				<table>
					<tbody>
						<tr>
							<td class="logo">
								<a href="/OPO">
									<img style="width: 180px; height: 119px;" alt="OPO" src="images/opo_logo.jpg"/>
								</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div id="sidebar">
				<p>gde je ovaj div?</p>
			</div>
			<div id="body">
			<div id="page" class="box white">
			<div class="box-bar home">
				<div class="box-bar-text" />
					<span class="title">Friends</span>
				</div>
			</div>
			<div class="box-body">
				<div id="feed">
				<% 
					if(users != null && !users.isEmpty()) {
					for (User user : users) {
				%>
					<div id="e-122058fd5a2b4ed6b244c4e415e13061" class="l_entry entry author private">
						<div class="profile">
							<a class="l_profile" href="#">
								<img class="picture medium" alt="person" src="<%=user.getPic()%>"/>
							</a>
						</div>
						<div class="body">
							<div class="ebody">
								<div class="title">
									<div class="name">
										<a class="l_profile" sid="f8791cf4d28f4628b430f08547a3b887" href="#"><%=user.getName()%></a>
									</div>
									<div class="text"><%=((user.getStatus() != null) ? user.getStatus().getMessage() : "no status")%></div>
								</div>
							</div>
							<div class="info">
								<a class="date" href="#">date</a>
								<a class="l_comment" href="#">Comment</a>
								<span class="like" style="display: none;"></span>
								<a class="l_share" href="#">Share</a>
								<a class="l_hideone" href="#">Hide</a>
								<a class="l_editentry" href="#">Edit</a>
							</div>
							<div class="comments"> </div>
						</div>
				<div class="clear"/>
			</div>
			</div>
			<%		}
				}
					else {
				%>
					<%= request.getSession().getAttribute("message") %>
				<%} %>
			</div>
			</div>
			</div>
			</div>
			<div id="footer">
			
			</div>
		</div>
		</div>
</body>
</html>